.content {
    height: 400px;
    position: absolute;;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}
.content .title {
    font-size: 20px;
    margin-bottom: 40px;
    text-align: center;
}
.content .login .login-input {
    font-size: 20px;
    width: 400px;
    height: 60px;
    margin-right: 10px;
    padding: 0 10px;
    border: 1px solid #000;
}
.content .login .login-btn {
    /* border: 1px solid #000; */
    /* height: 60px; */
    /* line-height: 60px; */
    display: inline-block;
    /* margin: 0 auto; */
    /* float: right; */
    /* padding: 0 20px; */
    /* border-radius: 10px; */
    /* cursor: pointer; */

    /*テキスト関連*/
    font-size: 28px;/*サイズ*/
    font-weight: bold;/*太字*/
    text-align: center;/*中央揃え*/
    color: #333333;/*文字色*/
    background: #eeeeee;/*背景色*/

    /*ボタンの位置関連*/
    display: inline-block;/*ボタンの並び方*/
    height: auto;/*高さ*/
    position: relative;
    padding: 5px 10px;/*余白*/
    text-decoration: none;/*テキストの装飾*/
    margin: 20px 20px;/*他オブジェクトとの間隔 上下 左右*/

    /*ボタンの装飾*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);/*影*/
    border: solid 2px #aaaaaa;
    cursor: pointer;
}

.content .login .login-btn:active {
    /*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
    background-color: #666666;
    color: #ffffff
  }

.tip {
    display: none;
}
.version {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
}